// 文字超出一行隐藏
.textover1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
// 文字超出两行隐藏
.textover2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.search-box{
    width: 100%;
    position: relative;
    z-index: 9;
    .handle-box{
        display: flex;
        .search-item{
            width: 220px;
            margin-right: 12px;
            margin-bottom: 10px;
            .el-input,.el-select{
                width: 100% !important;
            }
            .el-range-editor{
                height: 36px;
                width: 100% !important;
            }
        }
        .search-operating{
            .el-button{
                margin-left: 0;
                margin-right: 10px;
                margin-bottom: 10px;
                .iconfont{
                    font-size: 14px;
                }
            }
        }
    }
    .search-btn{
        position: absolute;
        right: 20px;
        top: 3px;
        cursor: pointer;
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 14px;
        .search-icon{
            margin-left: 5px;
            transition: all .38s;
            transform: rotate(-90deg);
        }
    }
    .more-search{
        width: 100%;
        display: block;
        max-height: 140px;
        transition: all .38s;
        display: flex;
        .search-item{
            width: 220px;
            margin-right: 12px;
            margin-bottom: 10px;
            .el-input,.el-select{
                width: 100% !important;
            }
            .el-range-editor{
                height: 36px;
                width: 100% !important;
            }
        }
        .search-item:last-child{
            margin-right: 0;
        }
    }
    &.hide-search{
        .more-search{
            max-height: 0px;
            overflow: hidden;
        }
        .search-btn{
            .search-icon{
                transform: rotate(90deg);
            }
        }
    }
}